<style>
    #article_container{
        margin-bottom: 50px;
    }
</style>
<h3>统计信息</h3>
<div id="article_container" >
    <!-- 统计图表 -->
    <div class="row">
        <div class="col-md-12">
            <div class="col-md-8 col-sm-8 col-xs-12">
                <div class="x_panel">
                    <div class="x_title">
                        <h2>来访统计<small>访客分部统计</small></h2>
                        <ul class="nav navbar-right panel_toolbox">
                            <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a></li>
                        </ul>
                        <div class="clearfix"></div>
                    </div>
                    <div class="x_content">
                        <!-- 来访饼图 -->
                        <div id="chart-pie-visit" style="width: 100%;height:300px;"></div>
                    </div>
                </div>
            </div>
            <div class="col-md-4 col-sm-8 col-xs-12">
                <div class="x_panel">
                    <div class="x_title">
                        <h2>浏览器统计<small>访客所使用浏览器统计</small></h2>
                        <ul class="nav navbar-right panel_toolbox">
                            <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a></li>
                        </ul>
                        <div class="clearfix"></div>
                    </div>
                    <div class="x_content">
                        <!-- 来访饼图 -->
                        <div id="chart-pie-explore" style="width: 100%;height:300px;"></div>
                    </div>
                </div>
            </div>
            <!--<div class="col-md-4 col-sm-8 col-xs-12">-->
            <!--这个暂时不需要了-->
                <!--<div class="x_panel">-->
                    <!--<div class="x_title">-->
                        <!--<h2>浏览动作统计<small>访客浏览动作统计</small></h2>-->
                        <!--<ul class="nav navbar-right panel_toolbox">-->
                            <!--<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a></li>-->
                        <!--</ul>-->
                        <!--<div class="clearfix"></div>-->
                    <!--</div>-->
                    <!--<div class="x_content">-->
                        <!--&lt;!&ndash; 来访饼图 &ndash;&gt;-->
                        <!--<div id="chart-pie-action" style="width: 100%;height:300px;"></div>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</div>-->
        </div>
    </div>

    <!-- 统计表格 -->
    <div class="row">
        <div class="col-md-12">
            <div class="col-md-12 col-sm-8 col-xs-12">
                <div class="x_panel">
                    <div class="x_title">
                        <h2>来访页面统计<small>访客访问页面统计</small></h2>
                        <ul class="nav navbar-right panel_toolbox">
                            <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a></li>
                        </ul>
                        <div class="clearfix"></div>
                    </div>
                    <div class="uri-table x_content">
                        <table class="table">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>ip</th>
                                    <th>页面</th>
                                    <th>时间</th>
                                </tr>
                            </thead>
                        </table>
                        <div id="page"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div style="margin-top: 20px" class="clearfix"></div>